.action-sheet-wrapper .action-sheet {
  .action-sheet-group {
    border-radius: 8px;
    .action-sheet-title {
      font-size: 14px;
      padding: 15px;
    }

    .action-sheet-option {
      font-size: 16px;
      border: transparent;
    }

    &.action-sheet-cancel {
      .button {
        font-size: 16px;
      }
    }

    .button.active,
    .button.activated,
    .button:active {
      background: #e8e8e8;
    }
  }
}

[theme='android'].action-sheet-backdrop {
  &.active {
    background-color: rgba(0,0,0,0.2);
  }

  .action-sheet-wrapper .action-sheet {
    margin: 0;

    .action-sheet-group {
      margin: 0;
      border-radius: 0;
      background-color: #fafafa;

      .action-sheet-title,
      .button {
        text-align: left;
        border-color: transparent;
        font-size: 14px;
        color: inherit;
        padding-left: 15px;
      }

      .button.active,
      .button.activated,
      .button:active {
        background: #e8e8e8;
      }

      &.action-sheet-cancel {
        display: none;
      }
    }
  }
}

[theme='weixin'].action-sheet-backdrop {
  &.active {
    background-color: rgba(0,0,0,0.2);
  }

  .action-sheet-wrapper .action-sheet {
    margin: 0;
    color: #444;
    background-color: #f5f5f5;

    .action-sheet-group {
      margin: 0;
      border-radius: 0;

      .action-sheet-title, .button {
        font-size: 14px;
        color: inherit;
      }

      .action-sheet-title {
        background-color: #f5f5f5;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
      }

      .button {
        height: 44px;
        background: #fff;
        margin-top: -1px;

        border: none;
        @include thin-border-before($default-border-color, 0);
        &:before {
          border-left: none;
        }
        @include thin-border-after($default-border-color, 0);
        &:after {
          border-right: none;
        }
      }

      .button:active {
        background: #eee;
      }

      &.action-sheet-cancel {
        margin-top: 8px;
      }
    }
  }
}

[theme='weixin'] .action-sheet-wrapper,
[theme='android'] .action-sheet-wrapper,
{
  @include transition-duration(.3s);
  @include transition-timing-function(cubic-bezier(0.4, 0.6, 0.2, 1));
}

.modal-open [von-action-sheet] {
  pointer-events: auto;
}
